{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% import "_fiscal_extra.html" as fx with context %}
{% block titulo %}{{ grupo.nome if grupo.id else 'Novo grupo' }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>{{ grupo.nome if grupo.id else 'Novo grupo' }}</h1>
    <p>{% if grupo.id %}{{ produtos_grupo|length }} produto(s) neste grupo.{% else %}Dê um nome e, se quiser, uma tributação padrão para os produtos do grupo.{% endif %}</p></div>
  <div class="acoes">
    <a class="btn" href="{{ url_for('grupos') }}">Voltar</a>
    {% if grupo.id %}
    <a class="btn" href="{{ url_for('produtos', grupo=grupo.id) }}">{{ icone('produtos') }} Ver na lista</a>
    <a class="btn prim" href="{{ url_for('produto_form', grupo=grupo.id) }}">{{ icone('mais') }} Novo produto neste grupo</a>
    {% endif %}
  </div>
</div>

<form class="cartao" method="post" data-avisar-saida>
  <div class="corpo"><div class="campos">
    <div class="c5"><label>Nome do grupo</label><input name="nome" value="{{ grupo.nome or '' }}" required maxlength="60" placeholder="Ex.: Irrigação, Hortifrúti, Ração"></div>
    <div class="c7"><label>Descrição <span class="opc">(opcional)</span></label><input name="descricao" value="{{ grupo.descricao or '' }}" maxlength="200"></div>
    <div class="c12"><label>Cor</label>
      <div class="cores">{% for nome, hexa in CORES_GRUPO.items() %}
        <label class="cor" title="{{ nome }}"><input type="radio" name="cor" value="{{ nome }}" {{ 'checked' if (grupo.cor or 'verde') == nome }}><span style="background:{{ hexa }}"></span></label>
      {% endfor %}</div></div>

    {% if MODULOS.beneficios %}<div class="secao-titulo">Benefício fiscal do grupo</div>
    <div class="c6"><label>Benefício fiscal</label>
      <select name="beneficio">
        <option value="">Nenhum</option>
        {% for k, b in BENEFICIOS.items() if b.ativo %}<option value="{{ k }}" {{ 'selected' if grupo.beneficio == k }}>{{ b.nome }}</option>{% endfor %}
      </select></div>
    <div class="c6 ajuda" style="align-self:end">Vale para todos os produtos do grupo (exceto os que tiverem outro benefício no próprio cadastro). Regras em <a href="{{ url_for('beneficios_pagina') }}">Fiscal → Benefícios fiscais</a>.</div>{% endif %}

    <div class="secao-titulo">Tributação padrão do grupo <span class="opc" style="text-transform:none;font-weight:400;letter-spacing:0">(opcional, preenche os produtos novos do grupo)</span></div>
    <div class="c3"><label>NCM</label><input name="ncm" value="{{ grupo.ncm or '' }}" placeholder="8 dígitos"></div>
    <div class="c2 meio"><label>Unidade</label><input name="unidade" value="{{ grupo.unidade or '' }}" maxlength="6"></div>
    <div class="c2 meio"><label>CFOP interno</label><input name="cfop_interno" value="{{ grupo.cfop_interno or '' }}" maxlength="4" placeholder="5102"></div>
    <div class="c2 meio"><label>CFOP interestadual</label><input name="cfop_externo" value="{{ grupo.cfop_externo or '' }}" maxlength="4" placeholder="6102"></div>
    <div class="c3"><label>Origem</label><select name="origem"><option value="">—</option>{% for k, v in ORIGENS.items() %}<option value="{{ k }}" {{ 'selected' if grupo.origem == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c4"><label>CST do ICMS</label><select name="icms_cst"><option value="">—</option>{% for k, v in ICMS_CST.items() %}<option value="{{ k }}" {{ 'selected' if grupo.icms_cst == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c2 meio"><label>Alíq. ICMS %</label><input name="icms_aliq" value="{{ grupo.icms_aliq or '' }}"></div>
    <div class="c2 meio"><label>Red. BC %</label><input name="icms_red_bc" value="{{ grupo.icms_red_bc or '' }}"></div>
    <div class="c2 meio"><label>CST PIS</label><select name="pis_cst"><option value="">—</option>{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}" {{ 'selected' if grupo.pis_cst == k }}>{{ k }}</option>{% endfor %}</select></div>
    <div class="c2 meio"><label>CST COFINS</label><select name="cofins_cst"><option value="">—</option>{% for k, v in PIS_COFINS_CST.items() %}<option value="{{ k }}" {{ 'selected' if grupo.cofins_cst == k }}>{{ k }}</option>{% endfor %}</select></div>
    <div class="c4"><label>CST IBS/CBS</label><select name="ibscbs_cst"><option value="">—</option>{% for k, v in IBSCBS_CST.items() %}<option value="{{ k }}" {{ 'selected' if grupo.ibscbs_cst == k }}>{{ v }}</option>{% endfor %}</select></div>
    <div class="c2 meio"><label>cClassTrib</label><input name="cclasstrib" value="{{ grupo.cclasstrib or '' }}" maxlength="6"></div>
    <div class="c2 meio"><label>Red. IBS/CBS %</label><input name="ibscbs_red" value="{{ grupo.ibscbs_red or '' }}"></div>
    {{ fx.campos('name', grupo) }}
    <div class="c12 ajuda">Campos em branco não mudam nada. Ao escolher este grupo num produto novo, esses valores entram automaticamente.</div>
  </div></div>
  <div class="rodape-form">
    {% if grupo.id %}<button class="btn" name="aplicar" value="1" onclick="return confirm('Aplicar os campos preenchidos da tributação padrão a TODOS os {{ produtos_grupo|length }} produtos deste grupo?')">Salvar e aplicar aos produtos do grupo</button>{% endif %}
    <button class="btn prim">{{ 'Salvar grupo' if grupo.id else 'Criar grupo' }}</button>
  </div>
</form>

{% if grupo.id %}
<div class="cartao">
  <div class="cab"><h2>Produtos do grupo</h2>
    {% if outros %}<button class="btn" type="button" onclick="$('#dlg-add').showModal()">{{ icone('mais') }} Adicionar produtos já cadastrados</button>{% endif %}</div>
  {% if produtos_grupo %}
  <div class="tabela-wrap"><table class="tab">
    <thead><tr><th>Código</th><th>Descrição</th><th>NCM</th><th>Un.</th><th class="direita">Preço</th><th></th></tr></thead>
    <tbody>{% for p in produtos_grupo %}
      <tr><td class="mono">{{ p.codigo }}</td><td><a href="{{ url_for('produto_form', pid=p.id) }}"><b>{{ p.descricao }}</b></a></td>
        <td class="mono">{{ p.ncm }}</td><td>{{ p.unidade }}</td><td class="direita nowrap">{{ p.preco|moeda }}</td>
        <td><form method="post" action="{{ url_for('grupo_remover_produto', gid=grupo.id, pid=p.id) }}"><button class="btn peq" title="Tirar do grupo">Tirar do grupo</button></form></td></tr>
    {% endfor %}</tbody></table></div>
  {% else %}<div class="vazio">Nenhum produto neste grupo ainda.</div>{% endif %}
</div>

<div class="cartao">
  <div class="corpo" style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
    <span class="suave peq">Excluir o grupo não apaga os produtos: eles ficam “Sem grupo”.</span>
    <form method="post" action="{{ url_for('grupo_excluir', gid=grupo.id) }}" data-confirmar="Excluir o grupo {{ grupo.nome }}?"><button class="btn perigo">{{ icone('lixo') }} Excluir grupo</button></form>
  </div>
</div>

<dialog id="dlg-add">
  <form method="post" action="{{ url_for('grupo_adicionar', gid=grupo.id) }}">
    <div class="cab"><h2>Adicionar produtos ao grupo</h2></div>
    <div class="corpo">
      <input id="filtro-add" placeholder="Filtrar…" style="margin-bottom:10px">
      <div class="lista-escolha">
        {% for p in outros %}
        <label class="check linha-escolha"><input type="checkbox" name="ids" value="{{ p.id }}">
          <span><b>{{ p.descricao }}</b> <span class="suave peq">{{ p.codigo }}{% if p.grupo_nome %} · hoje em {{ p.grupo_nome }}{% endif %}</span></span></label>
        {% endfor %}
      </div>
    </div>
    <div class="rodape-form"><button class="btn" type="button" onclick="this.closest('dialog').close()">Cancelar</button><button class="btn prim">Adicionar selecionados</button></div>
  </form>
</dialog>
{% endif %}
{% endblock %}
{% block scripts %}
<script>
const filtro = $('#filtro-add');
if (filtro) filtro.addEventListener('input', () => {
  const t = filtro.value.toLowerCase();
  $$('.linha-escolha').forEach((l) => { l.style.display = l.textContent.toLowerCase().includes(t) ? '' : 'none'; });
});
</script>
{% endblock %}